for i in range(0, 100, 1)
  .p{i}p { padding: (i)%; }

for i in range(0vw, 200vw, 1)
  .p{i}vw { padding: i; }

for i in range(0vh, 200vh, 1)
  .p{i}vh { padding: i; }

for i in range(0px, 100px, 1)
  .p{i} { padding: i; }

for i in range(0rem, 100rem, 1)
  .p{i}rem { padding: unit(i/10, 'rem'); }

for i in range(0em, 100em, 1)
  .p{i}em { padding: unit(i/10, 'em'); }



// padding Top
for i in range(0, 100, 1)
  .pt{i}p { padding-top: (i)%; }

for i in range(0vw, 200vw, 1)
  .pt{i}vw { padding-top: i; }

for i in range(0vh, 200vh, 1)
  .pt{i}vh { padding-top: i; }

for i in range(0px, 100px, 1)
  .pt{i} { padding-top: i; }

for i in range(0rem, 100rem, 1)
  .pt{i}rem { padding-top: unit(i/10, 'rem'); }

for i in range(0em, 100em, 1)
  .pt{i}em { padding-top: unit(i/10, 'em'); }



// padding Bottom
for i in range(0, 100, 1)
  .pb{i}p { padding-bottom: (i)%; }

for i in range(0vw, 200vw, 1)
  .pb{i}vw { padding-bottom: i; }

for i in range(0vh, 200vh, 1)
  .pb{i}vh { padding-bottom: i; }

for i in range(0px, 100px, 1)
  .pb{i} { padding-bottom: i; }

for i in range(0rem, 100rem, 1)
  .pb{i}rem { padding-bottom: unit(i/10, 'rem'); }

for i in range(0em, 100em, 1)
  .pb{i}em { padding-bottom: unit(i/10, 'em'); }

// padding Left
for i in range(0, 100, 1)
  .pl{i}p { padding-left: (i)%; }

for i in range(0vw, 200vw, 1)
  .pl{i}vw { padding-left: i; }

for i in range(0vh, 200vh, 1)
  .pl{i}vh { padding-left: i; }

for i in range(0px, 100px, 1)
  .pl{i} { padding-left: i; }

for i in range(0rem, 100rem, 1)
  .pl{i}rem { padding-left: unit(i/10, 'rem'); }

for i in range(0em, 100em, 1)
  .pl{i}em { padding-left: unit(i/10, 'em'); }

// padding-Right
for i in range(0, 100, 1)
  .pr{i}p { padding-right: (i)%; }

for i in range(0vw, 200vw, 1)
  .pr{i}vw { padding-right: i; }

for i in range(0vh, 200vh, 1)
  .pr{i}vh { padding-right: i; }

for i in range(0px, 100px, 1)
  .pr{i} { padding-right: i; }

for i in range(0rem, 100rem, 1)
  .pr{i}rem { padding-right: unit(i/10, 'rem'); }

for i in range(0em, 100em, 1)
  .pr{i}em { padding-right: unit(i/10, 'em'); }

// padding-x
for i in range(0, 100, 1)
  .px{i}p { padding-left: (i)%; padding-right: (i)%;}

for i in range(0vw, 200vw, 1)
  .px{i}vw { padding-left: i; padding-right: i; }

for i in range(0vh, 200vh, 1)
  .px{i}vh { padding-left: i; padding-right: i;}

for i in range(0px, 100px, 1)
  .px{i} { padding-left: i; padding-right: i;}

for i in range(0rem, 100rem, 1)
  .px{i}rem { padding-left: unit(i/10, 'rem'); padding-right: unit(i/10, 'rem');}

for i in range(0em, 100em, 1)
  .px{i}em { padding-left: unit(i/10, 'em'); padding-right: unit(i/10, 'em');}

//padding-y
for i in range(0, 100, 1)
  .py{i}p { padding-top: (i)%; padding-bottom: (i)%;}

for i in range(0vw, 200vw, 1)
  .py{i}vw { padding-top: i; padding-bottom: i; }

for i in range(0vh, 200vh, 1)
  .py{i}vh { padding-top: i; padding-bottom: i;}

for i in range(0px, 100px, 1)
  .py{i} { padding-top: i; padding-bottom: i;}

for i in range(0rem, 100rem, 1)
  .py{i}rem { padding-top: unit(i/10, 'rem'); padding-bottom: unit(i/10, 'rem');}

for i in range(0em, 100em, 1)
  .py{i}em { padding-top: unit(i/10, 'em'); padding-bottom: unit(i/10, 'em');}
